import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useCounterStore = defineStore(
  'counter',
  () => {
    // 1. 数据
    const count = ref(0)
    const num1 = ref(0)
    const num2 = ref(100)

    // 2. 操作数据的方法
    const increment = () => {
      count.value++
    }

    const decrement = () => {
      count.value--
    }

    // 3. 导出对象
    return { count, num1, num2, increment, decrement }
  },
  {
    // 额外配置
    // 配置持久化存储
    // 1. 会持久化仓库中导出的所有属性
    // persist: true,
    // 2. 持久化一部分属性
    persist: {
      paths: ['count'],
    },
  }
)
